<%@ page language="java" pageEncoding="utf-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path;
    request.setAttribute("ctx", basePath);
%>


<link href="${ctx}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="${ctx}/static/css/web/fontello.css" rel="stylesheet" type="text/css">
<link href="${ctx}/static/css/web/flexslider.css" rel="stylesheet" type="text/css">
<link href="${ctx}/static/js/plugins/revolution-slider/css/settings.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="${ctx}/static/css/web/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="${ctx}/static/css/web/responsive-calendar.css" rel="stylesheet" type="text/css">
<link href="${ctx}/static/css/web/chosen.css" rel="stylesheet" type="text/css">
<link href="${ctx}/static/js/plugins/jackbox/css/jackbox.min.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/static/css/web/cloud-zoom.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/static/css/web/style.css" rel="stylesheet" type="text/css">
<!--[if IE 9]>
<link rel="stylesheet" href="${ctx}/static/css/web/ie9.css">
<![endif]-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<link href="${ctx}/static/css/web/jackbox-ie8.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="${ctx}/static/css/web/ie.css">
<![endif]-->

<!--[if gt IE 8]>
<link href="${ctx}/static/css/web/jackbox-ie9.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if IE 7]>
<link rel="stylesheet" href="${ctx}/static/css/web/fontello-ie7.css">
<![endif]-->

<style type="text/css">
    .no-fouc {
        display: none;
    }
</style>
<!-- jQuery -->
<script src="${ctx}/static/js/web/jquery-1.11.0.min.js"></script>
<script src="${ctx}/static/js/web/jquery-ui-1.10.4.min.js"></script>
<!-- Preloader -->
<script src="${ctx}/static/js/web/jquery.queryloader2.min.js"></script>

<script type="text/javascript">
    $('html').addClass('no-fouc');
    $(document).ready(function () {
        $('html').show();
        var window_w = $(window).width();
        var window_h = $(window).height();
        var window_s = $(window).scrollTop();

        $("body").queryLoader2({
            backgroundColor: '#f2f4f9',
            barColor: '#63b2f5',
            barHeight: 4,
            percentage: false,
            deepSearch: true,
            minimumTime: 1000,
            onComplete: function () {

                $('.animate-onscroll').filter(function (index) {

                    return this.offsetTop < (window_s + window_h);

                }).each(function (index, value) {

                    var el = $(this);
                    var el_y = $(this).offset().top;

                    if ((window_s) > el_y) {
                        $(el).addClass('animated fadeInDown').removeClass('animate-onscroll');
                        setTimeout(function () {
                            $(el).css('opacity', '1').removeClass('animated fadeInDown');
                        }, 2000);
                    }

                });

            }
        });

    });
</script>